<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品列表页</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/lister.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script defer src="js/Lister.js"></script>
</head>
<body>
<!--产品信息-->
<div class="PageAll">
    <!--头部导航-->
    <div class="Pageheader_wrap">
        <div class="Page_header">
            <h1><em id="emtittle">欢迎光临莎莎网!</em> <span id="txt"></span> <span id="close">退出</span></h1>
            <p><a href="login.html">登录</a><em>或</em><a href="register.html">免费注册</a></p>
            <ul>
                <li>
                    <a href="#"><i class="icon-rendaiwaiquan iconfont"></i>我的账户<i class="iconfont icon-xiangxia"></i></a>
                    <div class="PageUserList">
                        <ul>
                            <li>
                                <a href="#">我的订单</a>
                            </li>
                            <li>
                                <a href="#">我的积分</a>
                            </li>
                            <li>
                                <a href="#">我的优惠券</a>
                            </li>
                            <li>
                                <a href="#">我的收藏</a>
                            </li>
                            <li>
                                <a href="#">我的评价</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-jiarugouwucheicon"></i><a href="#">我的购物车</a>
                    <div class="Page_carst">
                        <p>购物车中还没有商品</p>
                        <p>快去挑选心爱的商品吧</p>
                    </div>
                </li>
                <li><i class="iconfont icon-icon-test"></i><a href="#">我的收藏</a></li>
                <li><a href="#">我的站内信</a></li>
                <li><a href="#">我的积分</a></li>
                <li><a href="#">Global site</a></li>
                <li>
                    关注我们
                    <a href="#">
                        <img src="images/weibo.png" alt="">
                        <div class="Page_weibo">
                            <img src="images/weibo00.jpg" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <img src="images/weixin.png" alt="">
                        <div class="Page_weixin">
                            <img src="images/weixin00.jpg" alt="">
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--nav导航-->
    <div class="PageNavWrap">
        <div class="PageNav">
            <!--logo   搜索框-->
            <div class="Page_logo">
                <h1><a href="index1.html"><img src="images/logo.png" alt=""></a></h1>
                <div class="Page_search">
                    <div class="Page_input">
                        <p><input type="text" placeholder="JMsolution"></p>
                        <button type="submit">搜索</button>
                    </div>
                    <div class="Page_inputList">
                        <ul>
                            <li><a href="#">海藻面膜</a></li>
                            <li><a href="#">兰蔻粉水</a></li>
                            <li><a href="#">面霜</a></li>
                            <li><a href="#">口红</a></li>
                            <li><a href="#">科颜氏</a></li>
                            <li><a href="#">VT</a></li>
                            <li><a href="#">瑞士葆丽美</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--导航栏-->
            <div class="Page_nav">
                <div class="Page_title">
                    <ul>
                        <li>
                            <i class="icon-icon- iconfont"></i><span>全部分类</span>
                            <div class="classify">
                                <ul>
                                    <li>
                                        <p><i></i><span>面部护肤</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>洁面/磨砂</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                                <dd><a href="#">洁面粉</a></dd>
                                                <dd><a href="#">磨砂膏</a></dd>
                                                <dd><a href="#">磨砂啫喱</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>眼部/唇部/颈部护理</dt>
                                                <dd><a href="#">眼霜</a></dd>
                                                <dd><a href="#">眼胶</a></dd>
                                                <dd><a href="#">眼部精化/疗程</a></dd>
                                                <dd><a href="#">眼膜</a></dd>
                                                <dd><a href="#">睡眠免洗式眼膜</a></dd>
                                                <dd><a href="#">润唇膏</a></dd>
                                                <dd><a href="#">唇部精化</a></dd>
                                                <dd><a href="#">唇膜</a></dd>
                                                <dd><a href="#">唇部磨砂</a></dd>
                                                <dd><a href="#">颈霜</a></dd>
                                                <dd><a href="#">颈精华</a></dd>
                                                <dd><a href="#">颈膜</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>面膜</dt>
                                                <dd><a href="#">面膜贴</a></dd>
                                                <dd><a href="#">水洗式面</a></dd>
                                                <dd><a href="#">睡眠面膜</a></dd>
                                                <dd><a href="#">面膜粉</a></dd>
                                                <dd><a href="#">面膜泥</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>防晒护理</dt>
                                                <dd><a href="#">防晒乳液</a></dd>
                                                <dd><a href="#">防晒啫喱</a></dd>
                                                <dd><a href="#">防晒喷雾</a></dd>
                                                <dd><a href="#">防晒膏 </a></dd>
                                                <dd><a href="#">晒后护理</a></dd>
                                                <dd><a href="#">晒黑用品 </a></dd>
                                                <dd><a href="#">防晒伞</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>暗疮护理</dt>
                                                <dd><a href="#">暗疮膏</a></dd>
                                                <dd><a href="#">暗疮精华</a></dd>
                                                <dd><a href="#">黑头导出液/膏</a></dd>
                                                <dd><a href="#">撕拉式鼻贴/鼻膜 </a></dd>
                                                <dd><a href="#">暗疮针</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>精华/化妆水</dt>
                                                <dd><a href="#">精华液</a></dd>
                                                <dd><a href="#">精华素/疗程 </a></dd>
                                                <dd><a href="#">柔肤水</a></dd>
                                                <dd><a href="#">精华水</a></dd>
                                                <dd><a href="#">爽肤水</a></dd>
                                                <dd><a href="#">紧肤水</a></dd>
                                                <dd><a href="#">保湿喷雾</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>卸妆</dt>
                                                <dd><a href="#">卸妆油</a></dd>
                                                <dd><a href="#">眼/唇专用卸妆液</a></dd>
                                                <dd><a href="#">卸妆水</a></dd>
                                                <dd><a href="#">卸妆乳</a></dd>
                                                <dd><a href="#">卸妆啫喱</a></dd>
                                                <dd><a href="#">卸妆纸巾</a></dd>
                                            </dl>
                                        </div>
                                    </li>

                                    <li>
                                        <p><i></i><span>彩妆</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>面部彩妆</dt>
                                                <dd><a href="#">隔离霜</a></dd>
                                                <dd><a href="#">粉底</a></dd>
                                                <dd><a href="#">遮瑕</a></dd>
                                                <dd><a href="#">BB霜</a></dd>
                                                <dd><a href="#">CC霜</a></dd>
                                                <dd><a href="#">胭脂</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>眼部彩妆</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                                <dd><a href="#">洁面粉</a></dd>
                                                <dd><a href="#">磨砂膏</a></dd>
                                                <dd><a href="#">磨砂啫喱</a></dd>
                                            </dl>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>香水</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>眼部/唇部/颈部护理</dt>
                                                <dd><a href="#">眼霜</a></dd>
                                                <dd><a href="#">眼胶</a></dd>
                                                <dd><a href="#">眼部精化/疗程</a></dd>
                                                <dd><a href="#">眼膜</a></dd>
                                                <dd><a href="#">睡眠免洗式眼膜</a></dd>
                                                <dd><a href="#">润唇膏</a></dd>
                                                <dd><a href="#">唇部精化</a></dd>
                                                <dd><a href="#">唇膜</a></dd>
                                                <dd><a href="#">唇部磨砂</a></dd>
                                                <dd><a href="#">颈霜</a></dd>
                                                <dd><a href="#">颈精华</a></dd>
                                                <dd><a href="#">颈膜</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>健康美肌</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>纤体美胸</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>个人护理</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>男士专区</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                    <li>
                                        <p><i></i><span>孕婴护理</span><em>></em></p>
                                        <div>
                                            <dl>
                                                <dt>其他</dt>
                                                <dd><a href="#">泡沫洁面乳</a></dd>
                                                <dd><a href="#">洁面摩丝</a></dd>
                                                <dd><a href="#">洁面啫喱</a></dd>
                                                <dd><a href="#">洁面奶</a></dd>
                                                <dd><a href="#">洁面皂</a></dd>
                                            </dl>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="PageNav_list">
                    <ul>
                        <li><a href="#"><img src="images/logo_title.gif" alt=""></a><em>/</em></li>
                        <li><a href="#">闪电保税仓</a><em>/</em></li>
                        <li><a href="#">限时特卖</a><img src="images/top_hot_icon.png" alt=""><em>/</em></li>
                        <li><a href="#">大牌底价购</a><em>/</em></li>
                        <li><a href="#">贵宾专享</a><em>/</em></li>
                        <li>
                            <a href="#">所有品牌</a>
                            <div class="PageNav_brands">
                                <h3>热门品牌</h3>
                                <div class="PageBrandLeft">
                                    <ul>
                                        <li>森田药妆  SAM TIN</li>
                                        <li>希思黎  Sisley</li>
                                        <li>雅诗兰黛  Estee Lauder</li>
                                        <li>兰蔻  Lancome</li>
                                        <li>SK-II</li>
                                        <li>资生堂  Shiseido</li>
                                        <li>高丝  Kose</li>
                                        <li>雅漾  Avene</li>
                                    </ul>
                                    <a href="#">查看全部品牌</a>
                                </div>
                                <div class="PageBrandRight">
                                    <div>
                                        <ul>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/3a/41/8f/c32d2f2dbb2c2b7eff9b2cd87df48bfa2da90278.jpg?1474447361#w"></a></li>
                                            <li><a href="#"><img src="http://cn02.alicdn.sasa.com/public/images/4d/55/ce/132c7d7c0eddff50e2683df3320c48edd2851c9f.jpg?1507258890#w"></a></li>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/17/ca/4a/d6b9ea5e5001211247e83d083eaee77b338e0da2.jpg?1474447369#w"></a></li>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/11/e2/b0/9089c20c4f4aa1956491371248e224ac9466b69e.jpg?1474447374#w"></a></li>
                                        </ul>
                                    </div>
                                    <div>
                                        <ul>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/89/64/62/f581d5e80fab5076cba1933a51cc741da80e23c2.jpg?1474447380#w"></a></li>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/16/a2/f6/e15dcabc548cce67d3840bc6bfa1b114c7704713.jpg?1474447365#w"></a></li>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/a5/7f/75/ce7815112615418ad6e93daac5517fd4187042f4.jpg?1474447389#w"></a></li>
                                            <li><a href="#"><img src="https://www.sasa.com/public/images/7d/37/f3/0834ab3d27d444c6e1a28a16ba3984a9f91fb9ed.jpg?1474447393#w"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--产品分页信息-->
    <div class="obox">
        <div class="goods">
            <img src="" alt="">
            <div class="title">
                <p>名称</p>
                <p>价格</p>
                <button>加入购物车</button>
            </div>
        </div>
    </div>
    <!--footer信息-->
    <div class="PageFooter_Top">
        <div class="Page_Top">
            <div class="PageFt_left">
                <div class="PageFt_list">
                    <dl>
                        <dt>新手上路</dt>
                        <dd>常见问题</dd>
                        <dd>购物流程</dd>
                        <dd>优惠券说明</dd>
                        <dd>联络我们</dd>
                        <dd>常见问题</dd>
                    </dl>
                    <dl>
                        <dt>付款方法</dt>
                        <dd>在线支付</dd>
                        <dd>积分支付</dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd>配送说明</dd>
                        <dd>追踪订单</dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>正品保证</dd>
                        <dd>价格承诺</dd>
                        <dd>30日退换保证</dd>
                        <dd>退款程序</dd>
                        <dd>更改订单</dd>
                    </dl>
                    <dl>
                        <dt>莎莎会员</dt>
                        <dd>积分奖赏</dd>
                        <dd>VIP会员计划</dd>
                    </dl>
                </div>
                <div class="PageFt_img">
                    <img src="images/botton_logo.jpg" alt="">
                </div>
            </div>
            <div class="PageFt_right">
                <p>
                    <img src="images/weibo00.jpg" alt="">
                    <span>莎莎网官方微博@莎莎网</span>
                </p>
                <p>
                    <img src="images/weixin00.jpg" alt="">
                    <span>莎莎网官方微信ID:hksasadotcom</span>
                </p>
            </div>
        </div>
    </div>
    <div class="Page_ftbottom">
        <div class="PageFt_bottom">
            <ul>
                <li><a href="">关于莎莎</a></li>
                <li><a href="">使用条款</a></li>
                <li><a href="">隐私策略</a></li>
                <li><a href="">批发服务</a></li>
                <li><a href="">招商合作</a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">港澳店铺推广</a></li>
                <li><a href="">人才招聘</a></li>
                <li><a href="">人才联络我们</a></li>
                <li><a href="">其他送货地区</a></li>
            </ul>

            <p>Copyright 2000-2018 Sa Sa dot Com Limited版权所有莎莎国际控股有限公司成员</p>
        </div>
    </div>

    <!--页面右边导航-->
    <div class="Page_sidebar">
        <ul>
            <li><p>选购境外商品需知</p></li>
            <li>
                <i class="iconfont icon-rendaiwaiquan"></i>
                <div class="Pager_user">我的账户</div>
            </li>
            <li><i class="iconfont icon-jiarugouwucheicon"></i><a href="cart.html">购物车</a><em>4</em></li>
            <li>
                <i class="iconfont icon-icon-test"></i>
                <div class="Pager_icon">我的收藏</div>
            </li>
            <li>
                <i class="iconfont icon-benqitemai"></i>
                <div class="Pager_benq">浏览记录</div>
            </li>
            <li><p>我的的如</p></li>
            <li>
                <i class="iconfont icon-erji"></i>
                <div class="PageErji">线上客服</div>
            </li>
            <li>
                <i class="iconfont icon-erweima"></i>
                <div class="Page_erweima"><img src="images/weixin00.jpg" alt=""></div>
            </li>
            <li><i class="iconfont icon-zelvxuanzefeiyongzhengsanjiaoxingzhichi"></i><span>TOP</span></li>
        </ul>
    </div>
</div>
</body>
</html>